<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>QiuReader</title>
    <link rel="stylesheet" href="css/font/icon-font.css">
    <link rel="stylesheet" href="css/base/reset.css">
    <link rel="stylesheet" href="css/modules/common.css">
    <link rel="stylesheet" href="css/modules/background.css">
    <link rel="stylesheet" href="css/modules/button.css">
    <link rel="stylesheet" href="css/modules/color.css">
    <link rel="stylesheet" href="css/modules/icon.css">
    <link rel="stylesheet" href="css/modules/modal.css">
    <link rel="stylesheet" href="css/modules/form.css">
    <link rel="stylesheet" href="css/pages/index.css">
</head>

<body>

<header class="fixed-navbar">
    <nav class="navbar">
        <ul class="container">
            <li>
                <div class="logo">Qiu</div>
            </li>
            <li class="navbar-content"></li>
            <li class="navbar-right">
                <label class="btn-prime file-btn">add your book
                    <input type="file" accept="application/epub+zip" id="add-book">
                </label>
            </li>
        </ul>
    </nav>
</header>

<main>
    <div class="welcome hidden">
        <div class="welcome-info">
            <img src="img/windmills.svg">
            <p>There is no book here ~</p>
        </div>
    </div>
    <div class="book-list">
        <!--这是一本书籍-->
    </div>
</main>

<div class="modal" id="edit-book-info">
    <div class="modal-header">Information</div>
    <div class="modal-content">
        <div>
            <div class="input-group">
                <label for="book-title">Title</label>
                <input type="text" id="book-title">
            </div>
            <div class="input-group">
                <label for="book-author">Author</label>
                <input type="text" id="book-author">
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn-tip modal-close save-book-info" modal-target="edit-book-info">Save</button>
        <button class="btn-tip modal-close" modal-target="edit-book-info">Cancel</button>
    </div>
</div>

<script type="text/javascript" src="js/lib/JSZip/jszip.js"></script>
<script type="text/javascript" src="js/lib/epub.js/epub.js"></script>
<script type="text/javascript" src="js/lib/rangy-1.3.0/rangy-core.js"></script>
<script type="text/javascript" src="js/lib/rangy-1.3.0/rangy-classapplier.js"></script>
<script type="text/javascript" src="js/lib/rangy-1.3.0/rangy-highlighter.js"></script>
<script type="text/javascript" src="js/highlight.js"></script>
<script type="text/javascript" src="js/bookDB.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
<script type="text/javascript" src="js/bookMark.js"></script>
<script type="text/javascript" src="js/currentLocation.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>

</html>